<!--
  行动号召按钮组件
  提供跳转到讨论区的按钮
-->
<template>
  <el-button type="primary" @click="goToForum">进入讨论区</el-button>
</template>

<script>
export default {
  methods: {
    goToForum() {
      this.$router.push("/forum");
    }
  }
};
</script>

<style scoped>
.el-button {
  background-color: #409eff; /* 蓝色按钮 */
  border-color: #409eff; /* 蓝色按钮 */
  color: #ffffff; /* 白色文字 */
  font-size: 1.2rem;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
</style>